<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html>
<html class="ui-mobile" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
<meta name="description" content="{dede:global.cfg_description/}" />
<link rel="stylesheet" type="text/css" href="{dede:global.cfg_templets_skin/}/css/index.css">

<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jqthumb.min.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/ko.js"></script>
<script type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/wap.js"></script>
<script type="text/javascript">
        $(document).ready(function () {
			$('.photo-list li .pic,.photo-list2 li .pic,.photo-list3 li .pic,.photo-list4 li .pic').jqthumb({
				width: '100%',
				height: '100%',
				after: function(imgObj){
					imgObj.css('opacity', 0).animate({opacity: 1}, 1000);
				}
			});
            $("#GetMorePic").click(function () {
                var pagenum = $("#GetMorePic").attr("ref");
                $("#GetMorePic").hide();
                $("#getState").show();
                $.ajax({
                    url: "/mhuishou/a/cpzs/",
                    type: "post",
                    data: { page: pagenum, sortid: '5' },
                    success: function (data) {
                        if (data.indexOf('aspcms:list') < 0 && data.indexOf('对不起，该分类无任何记录') < 0) {
                            $("#photo_list").append(data);
                            $("#GetMorePic").attr("ref", parseInt(pagenum) + 1);
                            $("#GetMorePic").show();
                        }
                        else {
                            $("#paging").html('<p class="no-more">没有更多了...</p></div>')
                        }
                        $("#getState").hide();
                    },
                    error: function (err) {
                        $("#getState").hide();
                        alert(err.responseText);
                    }
                });
            })
        });
</script>
</head>

<body>
<div class="pageboder color-02  s-redius-tt s-redius-link s-redius-nav">
	<style>

#footer .m-footer,
.color-01 .phone-box,
.color-01 .m-nav .s-nav-01 a,
.color-01 .m-nav .s-nav-02,
.color-01 .m-linklist a,
.color-01 .tab .tabtitle,
.color-01 .m-linklist2 .current a,
.color-01 .sub-title,
.color-01 .sub-title a.back,
.color-01 .sub-depage a,
.color-01 .srollTop-box a{background-color:#422803;}
.color-01 .m-linklist2 a{border:1px solid #422803;}
.color-01 .tab .tabtitle,
.color-01 .tab .tabtitle a.more,
.color-01 .m-linklist2 .current a,
.color-01 .phone-box,
.color-01 .m-nav a,
.color-01 .m-linklist a,
.color-01 .sub-title,
.color-01 .srollTop-box a,
.color-01 .sub-depage a{color:#FFF;}

#footer .m-footer,
.color-02 .phone-box,
.color-02 .m-nav .s-nav-01 a,
.color-02 .m-nav .s-nav-02,
.color-02 .m-linklist a,
.color-02 .m-linklist3 a,
.color-02 .m-linklist2 .current a,
.color-02 .sub-title,
.color-02 .sub-title a.back,
.color-02 .sub-depage a,
.color-02 .link-box-a,
.color-02 .srollTop-box a{background-color:#373b85;}
.color-02 .m-linklist2 a{border:1px solid #373b85;}
.color-02 .tab .tabtitle{color:#373b85;}
.color-02 .sub-title,
.color-02 .tab .tabtitle{background:#ededed;border-bottom:1px solid #cdcdcd;}
.color-02 .m-linklist2 .current a,
.color-02 .phone-box,
.color-02 .m-nav a,
.color-02 .m-linklist a,
.color-02 .srollTop-box a,
.color-02 .sub-depage a{color:#FFF;}

</style>
<div id="header" data-role="header">
    	<div class="top-box area">
            <div class="logo"><a href="{dede:global.cfg_cmsurl/}/"><img src="{dede:global.cfg_templets_skin/}/images/logo.gif"></a></div>
        </div>
    </div><!--header-->
    <div id="content" data-role="content">
        <div class="phone-box area">
        	<div class="phone"><span class="span-a">咨询热线：</span><span class="span-b">134-5205-6756</span></div>
        </div>
        <div class="nav-box area m-nav bt10">
            <ul class="s-nav-02 j-child-row3 clear">
                <li><a href="{dede:global.cfg_cmsurl/}/">网站首页</a></li>
				{dede:channel type='top' row='7' currentstyle="<li class='current'><a href='~typelink~'~rel~>~typename~</a></li>"}
					<li><a href="[field:typeurl/]">[field:typename/]</a></li>
				{/dede:channel}
            </ul>
        </div><!--nav-box-->
        <div class="sub-box area">
            			<div class="sub-title bt10">
            	<a class="back" href="javascript:history.back()" data-rel="back";>返回</a>
            	{dede:field.typename/}
            </div>
            <ul class="m-linklist2 j-child-auto2 clear">
                {dede:channel type='son' currentstyle="<li class='current'><a href='~typelink~'~rel~>~typename~</a></li>"}
					<li><a href="[field:typeurl/]">[field:typename/]</a></li>
				{/dede:channel}
            </ul>	
            <ul class="photo-list bt10 clear" id="photo_list">
                {dede:list row="100"}
                <li>
                    <div class="box">
                    <a href="[field:arcurl/]">
                        <div class="over">
                            <img src="[field:litpic/]" class="pic"/><!--10:6-->
                            <img src="http://m.cqkuaixin.com/Templates/k001/images/photo10-6.gif" class="img"/>
                        </div>
                        <div class="name">[field:title/]</div>
                    </a>
                    </div>
                </li>
                {/dede:list}
                
            </ul><!--photo-list-->
            <!--
            <div class="m-page">
                <a href="#" class="first pageprv z-dis"><span class="pagearr">&lt;</span>上一页</a>
                <a href="#">1</a>
                <a href="#" class="z-crt">2</a>
                <a href="#">3</a>
                <i>...</i>
                <a href="#">10</a>
                <a href="#" class="last pagenxt">下一页<span class="pagearr">&gt;</span></a>
            </div>
			-->
            
            <div class="sub-more" id="paging"><a href="javascript:;"  ref="2" id="GetMorePic">加载更多</a></div><!--更多-->
            
        </div><!--main-box-->
        <div class="srollTop-box area" id="back_top"><a href="javascript:void(0);">返回顶部</a></div>
    </div><!--content-->
</div>
{dede:include filename="footer.htm"/}
</body>
</html>
